<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>sentox-Accordion</title>
		<link type="text/css" rel="stylesheet" href="../css/themes/sentox/easyui.css" />
		<link type="text/css" rel="stylesheet" href="../css/themes/sentox/font-awesome.min.css">

		<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
	</head>

	<body style="margin:10px;">
		<h2>Basic Accordion</h2>
		<p>Click on panel header to show its content.</p>
		<div style="margin:20px 0 10px 0;"></div>
		<div id="aa" class="easyui-accordion" data-options="border:false, width:220, height:400">
			<div class="accd" title="新主题" data-options="iconCls:'fa fa-paint-brush fa-yxa1', selected:true">   
		        <ul class="nav-l">
		        	<li><i class="fa fa-star fa-yxa2"></i>Panel</li>
		        	<li><i class="fa fa-star fa-yxa2"></i>Accordion</li>
		        	<li><i class="fa fa-star fa-yxa2"></i>DataGrid</li>
		        </ul>
		    </div> 
		    <div class="accd" title="权限系统" data-options="iconCls:'fa fa-unlock-alt fa-yxa1'">   
		        <ul class="nav-l">
		        	<li><i class="fa fa-users fa-yxa2"></i>用户管理</li>
		        	<li><i class="fa fa-graduation-cap fa-yxa2"></i>角色管理</li>
		        	<li><i class="fa fa-sitemap fa-yxa2"></i>组织机构</li>
		        	<li><i class="fa fa-newspaper-o fa-yxa2"></i>页面管理</li>
		        	<li><i class="fa fa-gears fa-yxa2"></i>菜单设置</li>
		        </ul>
		    </div> 
		    <div class="accd" title="门户信息" data-options="iconCls:'fa fa-tv fa-yxa1'">   
		        <ul class="nav-l">
		        	<li><i class="fa fa-users fa-yxa2"></i>新闻咨询</li>
		        	<li><i class="fa fa-graduation-cap fa-yxa2"></i>产品信息</li>
		        	<li><i class="fa fa-bank fa-yxa2"></i>图片管理</li>
		        </ul>
		    </div>
		</div> 
	</body>
	
</html>